{extend name="public/base" /}

{block name="title"}<title>{$Think.lang.list}</title>{/block}

{block name="pjax_container"}
<div class="hry-content-wrapper all_bak">
    <section class="content-header">
        <ol class="breadcrumb">
            <li>项目管理</li>
            <li>项目列表</li>
            <li class="active">项目授权详情</li>
        </ol>
    </section>
    <section class="content">
        <div  class="box_1">
            <div>项目: {$p_info.project_name}</div>
            <div class="box_1_text_2">项目实募: ￥{$total_price}</div>
        </div>
        <div class="box_2">
            <div class="circle_1">
                <div class="money_text">已放弃权益金额</div>
                <div class="money_number">￥{$has_fang}</div>
            </div>
            <div class="circle_2">
                <div class="money_text">未放弃权益金额</div>
                <div class="money_number">￥{$no_fang}</div>
            </div>
        </div>
        <div class="box_3">
            <div class="button_1">
                <a class="tiao_zhuan"  href="/hryweb.php/Project/projectMemberList/id/{$p_info.id}/type/2">查看已放弃名单</a>
            </div>
            <div class="button_2">
                <a  class="tiao_zhuan"  href="/hryweb.php/Project/projectMemberList/id/{$p_info.id}/type/1"> 查看未放弃名单</a>
            </div>
        </div>
    </section>
</div>

<script type="text/javascript">
    $(function() {
        /*ajax页面加载icheck，有该控件的页面才需要*/
        $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
            checkboxClass: 'icheckbox_minimal-blue',
            radioClass: 'iradio_minimal-blue'
        });

        {if condition=" $rest_login == 1 "}
        restlogin('{$rest_login_info}');   //登录超时
        {/if}
    })
</script>

<style type="text/css">
    .box_1{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        font-size: 20px;
    }
    .box_1_text_2{
        margin-left: 20px;
    }
    .box_2{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        margin-top: 50px;

    }
    .circle_1{
        width: 300px;
        height: 300px;
        border: solid 1px green;
        border-radius: 300px;
        text-align: center;
    }
    .circle_2{
        width: 300px;
        height: 300px;
        border: solid 1px red;
        border-radius: 300px;
        text-align: center;
    }
    .box_3{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        margin-top: 20px;
    }
    .button_1{
        width: 200px;
        height: 50px;
        background-color:green ;
        text-align: center;
        color: #ffffff;
        font-size: 24px;
        line-height: 45px;
        border-radius: 20px;
    }
    .button_2{
        width: 200px;
        height: 50px;
        background-color:red ;
        text-align: center;
        color: #ffffff;
        font-size: 24px;
        line-height: 45px;
        border-radius: 20px;
    }
    .money_text{
        font-size: 30px;
        margin-top: 70px;
    }
    .money_number{
        font-size: 30px;
        margin-top: 20px;
    }
    .tiao_zhuan{
        color: #ffffff !important;
    }
</style>


{/block}